<div class="box box-default">
  <div class="box-body">
    <form class="form-inline">
      <div class="box box-default">
        <div class="form-group col-lg-12 col-md-12 col-sm-12 col-xs-12" style="padding-left:0px; margin-bottom:8px !important;">
          <button type="button" class="btn btn-primary" (click)="showSearch()">
            <i class="fa fa-edit"></i>搜索</button>
          <button *ngIf="_.includes(menuResourceSet,'btn-pub-add')" type="button" class="btn btn-primary" (click)="create()">
            <i class="fa fa-edit"></i>创设新产品</button>
          <button *ngIf="_.includes(menuResourceSet,'btn-pub-detail')" type="button" class="btn btn-primary" (click)="edit('one')">
            <i class="fa fa-edit"></i>查看</button>
          <button *ngIf="_.includes(menuResourceSet,'btn-pub-del')" class="btn btn-primary" (click)="delProduct()">
            <i class="iconfont icon-iconzhenghe62"></i>删除</button>
          <button class="btn btn-box-tool pull-right" data-widget="collapse">
            <i class="fa fa-minus"></i>
          </button>
          <button *ngIf="_.includes(menuResourceSet,'btn-pub-export')" type="button" (click)="exportExcel()" class="btn btn-primary">
            <i class="fa fa-sign-out"></i>导出</button>
        </div>
        <div class="box-body" style="display:block">
          <div class="form-group" style="padding-left:5px !important;">
            <label class="control-label">产品名称：</label>
            <input type="text" class="form-control" id="sFullName" name="sFullName" [(ngModel)]="postBody.sFullName" placeholder="产品名称(全称)">
            <label class="control-label">产品代码：</label>
            <input type="text" class="form-control" id="sFundCode" name="sFundCode" [(ngModel)]="postBody.sFundCode" placeholder="产品代码">
            <label class="control-label">变更注册：</label>
            <select class="form-control" name="sIsRegisterChg" [(ngModel)]="postBody.sIsRegisterChg">
              <option [value]="''" selected="selected">全部</option>
              <option [value]="1">是</option>
              <option [value]="0">否</option>
            </select>
            <button type="button" class="btn btn-primary" style="margin-left:10px;" (click)="loadlist(1)">
              <i class="fa fa-search"></i>查询</button>
          </div>
        </div>
      </div>
    </form>

    <div class="box-body" style="padding-left:0px;padding-right:0px;">
      <!-- <hr> -->
      <div style="overflow-x:scroll; height: 450px;" id="fashjjlxList" class="tbHeaderFix">
        <table class="table table-bordered table-hover table-keep-line table-striped" style="margin-top:unset !important;">
          <thead>
            <tr>
              <th class="width-5 td000">
                <div class="checkbox checkbox-primary">
                  <input type="checkbox" id="checkboxAll" [(ngModel)]="isCheckedAll" (ngModelChange)="checkedAll()">
                  <label></label>
                </div>
              </th>
              <th class="width-17 td001" (click)="orderData('sFundCode')">产品代码<i class="fa fa-sort"></i></th>
              <th class="width-17 td002" (click)="orderData('sFundName')">产品简称<i class="fa fa-sort"></i></th>
              <th class="width-10 td003" (click)="orderData('sFundCategory')">基金类别<i class="fa fa-sort"></i></th>
              <th class="width-10 td004" (click)="orderData('sPmName')">基金经理<i class="fa fa-sort"></i></th>
              <th class="width-10 td005" (click)="orderData('sBank')">托管行<i class="fa fa-sort"></i></th>
              <th class="width-10 td006" (click)="orderData('sCreator')">创建人<i class="fa fa-sort"></i></th>
              <th class="width-10 td007" (click)="orderData('dCreateTime')">创建日期<i class="fa fa-sort"></i></th>
              <th class="width-11 td008" (click)="orderData('sIsRegisterChg')">变更注册<i class="fa fa-sort"></i></th>
            </tr>
          </thead>
          <tbody>
            <tr *ngFor="let item of listData.list;">
              <td class="width-5 td000">
                <div class="checkbox checkbox-primary">
                  <input type="checkbox" id="checkbox1" [(ngModel)]="item.isChecked" (ngModelChange)="ctrlCheckAll()">
                  <label></label>
                </div>
              </td>
              <td class="width-17 short_name td001" (dblclick)="edit('dbclick',item)" [attr.title]="item.sFundCode">{{item.sFundCode}}</td>
              <td class="width-17 short_name td002" (dblclick)="edit('dbclick',item)" [attr.title]="item.sFullName">{{item.sFundName}}</td>
              <td class="width-10 short_name td003" (dblclick)="edit('dbclick',item)" [attr.title]="item.sFundCategoryZh">{{item.sFundCategoryZh}}</td>
              <td class="width-10 short_name td004" (dblclick)="edit('dbclick',item)" [attr.title]="item.sPmName">{{item.sPmName}}</td>
              <td class="width-10 short_name td005" (dblclick)="edit('dbclick',item)" [attr.title]="item.sBank">{{item.sBank}}</td>
              <td class="width-10 short_name td006" (dblclick)="edit('dbclick',item)" [attr.title]="item.sCreator">{{item.sCreator}}</td>
              <td class="width-10 short_name td007" (dblclick)="edit('dbclick',item)" [attr.title]="item.dCreateTime">{{item.dCreateTime}}</td>
              <td class="width-11 td008">
                <span (click)="showOldProductInfo(item.nRegisterChgNo,item)" *ngIf="item.sIsRegisterChg==1">
                  <a>是</a>
                </span>
                <span *ngIf="item.sIsRegisterChg==0">否</span>
              </td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
    <div class="box-footer clearfix">
      <app-pagination [currentPageNum]="publicListPageInfo.currentPageNum" [pagesShow]="" [totalPages]="publicListPageInfo.totalPages"
        (pageChanged)="publicPageNavigation($event)">
        <div class="pull-left pagination-detail" data-pagination-additional="true">
          <span class="pagination-info">
            当前显示第{{publicListPageInfo.startRow}}到第{{publicListPageInfo.endRow}}条，总共{{publicListPageInfo.total}}条，
          </span>
          <span class="page-list">
            每页记录
            <span class="btn-group dropup">
              <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                <span class="page-size">{{publicListPageInfo.pageSize}}</span>
          <span class="caret"></span>
          </button>
          <ul class="dropdown-menu" role="menu">
            <li *ngFor="let i of publicListPageInfo.pageList" role="menuitem" [class.active]="publicListPageInfo.pageSize === i" (click)="bondsManpageSizeChange(i)">
              <a>{{i}}</a>
            </li>
          </ul>
          </span>
          条
          </span>
        </div>
      </app-pagination>
    </div>
  </div>
</div>


<!-- 查询原变更注册产品信息 -->
<div class="modal modal-detail modal-open" id="fundInfoHistoryModal">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" aria-label="Close" (click)="closeModal()">
          <span aria-hidden="true">&times;</span>
        </button>
        <h4 class="modal-title">变更注册</h4>
      </div>
      <div class="modal-body">
        <div #fundInfoHistory></div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default pull-right" (click)="closeModal()">关闭</button>
      </div>
    </div>
    <!-- /.modal-content -->
  </div>
  <!-- /.modal-dialog -->
</div>
<!-- /.modal -->

<!-- 搜索modal -->
<div class="modal modal-detail" id="fashjjlxSearch">
  <div #fashjjlxSearch></div>
</div>